/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-switch() {
  // 开关开启状态背景色
  --ti-switch-on-bg-color: var(--ti-common-color-bg-emphasize, #5e7ce0);
  // 开关关闭状态背景色
  --ti-switch-off-bg-color: var(--ti-common-color-bg-secondary, #adb0b8);
  // 开关关闭禁用状态背景色
  --ti-switch-disabled-bg-color: var(--ti-common-color-bg-dark-disabled, #dfe1e6);
  // 开关开启禁用状态背景色
  --ti-switch-checked-disabled-bg-color: var(--ti-common-color-bg-light-emphasize, #beccfa);
  // 开关开启禁用状态边框色
  --ti-switch-checked-disabled-border-color: var(--ti-common-color-bg-light-emphasize, #beccfa);
  // 开关禁用状态文本色
  --ti-switch-disabled-text-color: var(--ti-common-color-info-disabled, #bfbfbf);
  // 开关禁用状态圆点色
  --ti-switch-disabled-dot-bg-color: var(--ti-common-color-bg-disabled, #f5f5f6);
  // 开关默认圆点色
  --ti-switch-dot-bg-color: var(--ti-common-color-light, #fff);
  // 开关圆点尺寸
  --ti-switch-dot-size: var(--ti-common-size-4x, 16px);
  // 开关圆点左边距(hide)
  --ti-switch-dot-position-left: var(--ti-common-space-1, 1px);
  // 开关圆点上边距(hide)
  --ti-switch-dot-position-top: var(--ti-common-space-1, 1px);
  // 开关圆点偏移量(hide)
  --ti-switch-dot-offset: calc(var(--ti-switch-dot-size) + var(--ti-switch-dot-position-left));
  // 开关文本色
  --ti-switch-text-color: var(--ti-common-color-light, #fff);
  // 默认开关宽度
  --ti-switch-width: calc(var(--ti-common-size-base, 4px) * 9.5);
  // 开关高度
  --ti-switch-height: var(--ti-common-size-5x, 20px);
  // 开关圆角
  --ti-switch-border-radius: var(--ti-common-size-6x, 24px);
  // 开关边框厚度
  --ti-switch-border-weight: var(--ti-common-border-weight-normal, 1px);
  // 开关字号
  --ti-switch-inner-font-size: 12px;
  // 开关左侧距离(hide)
  --ti-switch-inner-position-left: var(--ti-common-space-4x, 16px);
  // 自定义文本开关宽度
  --ti-switch-text-width: calc(var(--ti-common-size-11x, 44px) + 1px);
}
